<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .body {
            background-color: white;
            color: black;
        }

        .container {
            width: 990px;
            height: 559.6px;
            margin: 0 auto;
        }

        .top-box {
            height: 35.67px;
            display: flex;
            justify-content: space-between;
        }

        .info-channel-left {
            color: #ff6767;
            border-bottom: 3px solid #ff6767;
            font-size: 24px;
        }

        .info-channel-right {
            display: flex;
            margin-top: 10px;
        }

        .info-channel-right a{
            margin-left: 10px;
            text-decoration: none;
            color: #333;
        }
        .info-channel-right a:hover{
            color: #ff6767;
        }

        .bottom-box {
            height: calc(559.6px - 35.67px);
            display: flex;
        }

        .left-column,
        .right-column {
            width: 495px;
            display: flex;
            flex-direction: column;
        }

        .a {
            line-height: 1.5;
        }
        .left-column img{
            margin-top: 20px;
            width: 180px;
            height: 135px;
            float: left;
            padding-right: 20px
        }
        .right-column img{
            margin-top: 20px;
            width: 180px;
            height: 135px;
            float: left;
            padding-right: 20px
        }
        .l1:hover{
            color: #ff6767;
        }
        .footer-area {
    clear: both;
    padding: 20px 0;
}
.footer-area .w {
    padding-top: 10px;
    border-top: 1px solid #e8e8e8;
    color: #666;
}
.w {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 0;
}
.ft1 {
    clear: none;
    float: left;
    width: 860px;
}
.ft1 .c3b {
    color: #c90;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 10px 0;
}
.footer-area p {
    clear: both;
    padding: 0 0 8px 0;
}
.ft1 .c3b a {
    color: #f50;
}
.ft1 .c3c {
    font-size: 12px;
    margin-bottom: 5px;
}
.ft4 {
    clear: none;
    float: right;
    text-align: center;
}
.ft4 img {
    display: block;
}
a:link, a:visited {
    color: #333;
    text-decoration: none;
}
    </style>
</head>

<body>
    <div class="container">
        <div class="top-box">
            <div class="info-channel-left">资讯频道</div>
            <div class="info-channel-right">
                <div><a href="#">资讯频道</a></div>
                <div><a href="#">笔记频道</a></div>
                <div><a href="#">社区首页</a></div>
            </div>
        </div>
        <div class="bottom-box">
            <div class="left-column">
                <div><img src="..//imgs/guanggao1.jpg" alt="">
                <p class="l1">打开“酒水融合”新路径 昆仑山矿泉水引领行业新纪元</p>
            </div>
                <p class="l1">国庆美食热门之选！沈姐烤鱼点燃重庆打卡热潮</p>
                <p class="l1">最新判决解析：“皇冠曲奇”胜诉，“蓝罐曲奇”败诉，法院再指明虚假宣传及商业诋毁行为边界附判决</p>
                <p class="l1">地标美食 池出健康
                    2024皖南地标美食暨优质食材产业大会即将在池州举办</p>
                <p class="l1">士力架成为利雅得胜利全球官方合作伙伴</p>
                <p class="l1">曹氏鸭脖：以正宗蜀湘味，助力热卤发展新时代</p>
                <p class="l1">被顾客“催着开店”！蔡澜点心国庆7店连开，日翻台10轮</p>
            </div>
            <div class="right-column">
                <div><img src="../imgs/guanggao2.jpg" alt="">
                <p class="l1">珠江桥公司携手分众传媒董事长江南春，共商“食”代宏图</p>
            </div>
                <p class="l1">R科技赋能阳澄湖大闸蟹：电子身份证时代开启正本溯源新篇章</p>
                <p class="l1">这个秋冬尽享欧洲美食魅力！欧盟与Epermarket合作推出餐盒与零售推广活动</p>
                <p class="l1">聚势前行，餐饮共赢”——华鼎冷链科技助力上海餐饮万店配送升级</p>
                <p class="l1">2024年中国（国际）调味品及食品配料博览会观众报名通道开启中</p>
                <p class="l1">赋能行业，链接世界
                    ——第二十届中国（国际）调味品及食品配料博览会将在11月举办</p>
                <p class="l1">五羊牌获艾媒咨询“1998-2023年连续26年广东甜筒销量第一”等三项市场地位确认</p>
            </div>
        </div>
    </div>
    <div id="J_footer_box" class="footer-area">
        <div class="w">
            <div class="ft1">
                <p class="c3b"><a title="美食天下" href="#" target="_blank">美食天下 - 让吃更美好！</a></p>
                <p class="c3c">
                    <a title="菜谱" href="#" target="_blank">菜谱</a> · 
                    <a title="食材" href="#" target="_blank">食材</a> · 
                    <a title="美食专题" href="#" target="_blank">专题</a> · 
                    <a title="关于我们" href="#" target="_blank">关于我们</a> · 
                    <a title="联系我们" href="#" target="_blank">联系我们</a> · 
                    <a title="服务声明" href="#" target="_blank">服务声明</a> · 
                    <a title="友情链接" href="#" target="_blank">友情链接</a> · 
                    <a title="美食天下手机客户端" href="#" target="_blank">客户端</a>
                </p>
                <p class="c3c">
                    <strong class="black">友情链接：</strong>
                    <a title="愉悦妈妈网" href="#" target="_blank">愉悦妈妈</a>
                    <a href="#" target="_blank">中华美食网</a>
                    <a href="#" target="_blank">太平洋亲子网</a>
                    <a href="#" target="_blank">红餐网</a>
                    <a href="#" target="_blank">亲宝网</a>
                    <a href="#" target="_blank">中国地图</a>
                    <a href="#" target="_blank">民福康健康</a>
                    <a href="#" target="_blank">波奇网</a>
                    <a href="#" target="_blank">餐饮杰</a>
                </p>
                <p class="c3c">
                    版权所有 &copy; 2004-2024 宁波小悦科技有限公司 保留所有权利<br/>
                    <img src="../imgs/beian.png" height="14" /> <a href="#" >浙公网安备33020302001662号</a> / <a href="#">浙ICP备2021000745号-7</a> / 举报邮箱：jubao@meishichina.com /  <a href="#" >中国互联网举报中心</a></a></p>
            </div>
            <div class="ft4">
                <img class="imgLoad" alt="美食天下客户端" src="../imgs/download.png" width="100" height="140" />
            </div>
        </div>
    </div>
    
</body>

</html>
 